<template>
  <div id="SplitList"> 


        <el-table :data="datalist" style="width: 100%" :height="dtheight" :header-cell-style="{background:'#4F81BC',color:'white'}"
           :row-class-name="tableRowClassName"  :border="true">
            
                <el-table-column label="时间"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.time }}</span>
                    </template>
                </el-table-column>
                 <el-table-column label="帐号"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.telphone }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="果种编号"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.old_pid }}</span>
                    </template>
                </el-table-column>
                 <el-table-column label="果种价值"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.final_price }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="拆分果种"  align='center' width="350px">                   
                    <template slot-scope="scope">                   
                         <div v-for="(item,index) in scope.row.new_goods_list" :key="index"> 
                             果种{{  index+1 }}:<span>{{ item.pid }}</span> 价值:<span>{{ item.price }}</span> <br>
                          </div>
                    </template>
                </el-table-column>
                 <!-- <el-table-column label="拆分价值1"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.experience}}</span>
                    </template>
                </el-table-column>
                 <el-table-column label="拆分果种2"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.invite_count }}</span>
                    </template>
                </el-table-column>
                 <el-table-column label="拆分价值2"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.experience}}</span>
                    </template>
                </el-table-column> -->
  
        </el-table> 


     


   </div>
</template>

<script>

export default {
   name: 'SplitList',
   props:{
      datalist:{  
        //type:Array,
       default:()=>[]
     },
  },
  data () {
    return {
        dtheight:'500',  //窗口高度
       
    }
  },
   components:{

  },
  created(){
     this.dtheight = window.innerHeight  -353
   
  },
  mounted (){
    
  },
  methods: { 
 
  
  }
}
</script>


<style scoped>

</style>